<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>7.什么是回调地狱</title>
		<script type="text/javascript" src="./jquery.js"></script>
	</head>
	<body>
		<!-- 
				需求：第一次请求成功，再发第二次，第二次成功，再发第三次。
				层层嵌套的回调函数，就是回调地狱。
		-->
		<button id="btn">点我</button>

		<script type="text/javascript" >
			//准备好按钮
			let btn = document.getElementById('btn')
			let url1 = 'http://49.232.112.44/api/product/getBaseCategoryList'
			let url2 = 'http://49.232.112.44/api/product/getBaseCategoryList'
			let url3 = 'http://49.232.112.44/api/product/getBaseCategoryList'

			btn.onclick = ()=>{
				//发送第一次请求
				$.ajax(url1,{
					success(value){
						console.log('第一次成功了----',value.data)
						$.ajax(url2,{
							success(value){
								console.log('第二次成功了----',value.data)
								$.ajax(url3,{
									success(value){
										console.log('第三次成功了----',value.data)
									},
									error(err){
										console.log(err)
									}
								})
							},
							error(err){
								console.log(err)
							}
						})
					},
					error(err){
						console.log(err)
					}
				})
			}
		</script>
	</body>
</html>